﻿<%@ Page Title="" Language="vb" AutoEventWireup="false" MasterPageFile="~/Site.Master"
    CodeBehind="addCake.aspx.vb" Inherits="diy_wc_prototype.addCake" EnableViewState="true" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server" CssClass="FilledStar">
    <h2>
        Get involved and add your cake to the gallery</h2>
    <h3>
        Cake Title</h3>
    <p>
        Give your cake a snappy title (30 characters max)</p>
    <asp:TextBox ID="tb_cakeTitle" runat="server" Width="500px"></asp:TextBox>*
    <asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" ControlToValidate="tb_cakeTitle"
        ValidationExpression="^[\s\S]{1,30}$" ErrorMessage="Please enter a shorter title"
        CssClass="failureNotification"></asp:RegularExpressionValidator><asp:RequiredFieldValidator
            ID="RequiredFieldValidator1" runat="server" 
        ErrorMessage="Please enter a title" ControlToValidate="tb_cakeTitle" 
        CssClass="failureNotification"></asp:RequiredFieldValidator>
    <br />
    <br />
    <h3>
        Year</h3>
    <p>
        When did you make it?</p>
    <asp:DropDownList ID="ddl_cakeYr" runat="server">
        <asp:ListItem Text="Please select" Value="" />
    </asp:DropDownList>*
    <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ControlToValidate="ddl_cakeYr"
        ErrorMessage="Please enter a year" CssClass="failureNotification"></asp:RequiredFieldValidator>
    <br />
    <br />
    <h3>
        Type of cake</h3>*
    <asp:RadioButtonList ID="rbl_cakeType" runat="server" RepeatDirection="Horizontal"
        CssClass="noBorder">
        <asp:ListItem>Stacked</asp:ListItem>
        <asp:ListItem>Individual</asp:ListItem>
        <asp:ListItem>Croquembouche</asp:ListItem>
        <asp:ListItem>Cupcake</asp:ListItem>
        <asp:ListItem>Tiered</asp:ListItem>
    </asp:RadioButtonList>
    <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" ControlToValidate="rbl_cakeType"
        ErrorMessage="Please enter a type" CssClass="failureNotification"></asp:RequiredFieldValidator>
    <br />
    <h3>
        Difficulty</h3>
    <%--  <asp:RadioButtonList ID="rbl_cakeDifficulty" runat="server" RepeatDirection="Horizontal">
        <asp:ListItem>1</asp:ListItem>
        <asp:ListItem>2</asp:ListItem>
        <asp:ListItem>3</asp:ListItem>
        <asp:ListItem>4</asp:ListItem>
        <asp:ListItem>5</asp:ListItem>
    </asp:RadioButtonList>--%>
    <div style="margin-top: 5px; clear: both">
        <span style="float: left; margin-right: 5px">Easy, a child could do it!</span>
        <div style="float: left">
            <asp:TextBox ID="tb_cakeDifficulty" runat="server" Width="160px"></asp:TextBox>
            <ajaxToolkit:SliderExtender ID="SliderExtender1" runat="server" TargetControlID="tb_cakeDifficulty"
                Minimum="1" Maximum="5" Steps="5">
            </ajaxToolkit:SliderExtender>
        </div>
        <span style="float: left; margin-left: 5px;">Hard, this one's for the pros!</span></div>
        <br />
    <h3>
        Description</h3>
    <p>
        Tell us a little bit about your cake<asp:RequiredFieldValidator ID="RequiredFieldValidator5"
            runat="server" ControlToValidate="tb_cakeDesc" ErrorMessage="Please enter a description"
            CssClass="failureNotification"></asp:RequiredFieldValidator>
    </p>
    <asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
    </asp:ToolkitScriptManager>
    <asp:TextBox ID="tb_cakeDesc" runat="server" Width="500px" Height="300px"></asp:TextBox>*
    <h2>
        Tell us how you did it</h2>
    <h3>
        Make it simple, break it down into 3 steps</h3>
    <h3>
        Step 1</h3>
    <asp:TextBox ID="tb_cakeStep1" runat="server" Width="500px" Height="100px"></asp:TextBox>*
    <asp:RequiredFieldValidator ID="RequiredFieldValidator6" runat="server" ControlToValidate="tb_cakeStep1"
        ErrorMessage="Please enter Step 1 description" CssClass="failureNotification"></asp:RequiredFieldValidator>
    <br />
    <h3>
        Step 2</h3>
    <asp:TextBox ID="tb_cakeStep2" runat="server" Width="500px" Height="100px"></asp:TextBox>*
    <asp:RequiredFieldValidator ID="RequiredFieldValidator7" runat="server" ControlToValidate="tb_cakeStep2"
        ErrorMessage="Please enter Step 2 description" CssClass="failureNotification"></asp:RequiredFieldValidator>
    <br />
    <h3>
        Step 3</h3>
    <asp:TextBox ID="tb_cakeStep3" runat="server" Width="500px" Height="100px"></asp:TextBox>*
    <asp:RequiredFieldValidator ID="RequiredFieldValidator8" runat="server" ControlToValidate="tb_cakeStep3"
        ErrorMessage="Please enter Step 3 description" CssClass="failureNotification"></asp:RequiredFieldValidator>
    <br />
    <h3>
        Other things that might help</h3>
    <asp:TextBox ID="tb_cakeMisc" runat="server" Width="500px" Height="100px"></asp:TextBox>*
    <asp:RequiredFieldValidator ID="RequiredFieldValidator9" runat="server" ControlToValidate="tb_cakeMisc"
        ErrorMessage="Please enter other help" CssClass="failureNotification"></asp:RequiredFieldValidator>
    <br />
    <h2>
        Give us a peek!</h2>
    <h3>
        Picture 1</h3>
    <asp:FileUpload ID="fu_cakeImg1" runat="server" Width="500px" />*
    <asp:RequiredFieldValidator ID="RequiredFieldValidator10" runat="server" ControlToValidate="fu_cakeImg1"
        ErrorMessage="Go, on! You've got to upload at least one picture" CssClass="failureNotification"></asp:RequiredFieldValidator>
    <br />
    <h3>
        Picture 2</h3>
    <asp:FileUpload ID="fu_cakeImg2" runat="server" Width="500px" />
    <br />
    <h3>
        Picture 3</h3>
    <asp:FileUpload ID="fu_cakeImg3" runat="server" Width="500px" />
    <br />
    <h2>
        Give others a hand
    </h2>
    <h3>
        Tags</h3>
    <p>
        Help others find your cake. Add some tags (separated by commas)</p>
    <asp:TextBox ID="tb_tag" runat="server" Width="500px"></asp:TextBox>*
    <asp:RequiredFieldValidator ID="RequiredFieldValidator11" runat="server" ControlToValidate="tb_tag"
        ErrorMessage="Please enter at least one tag" CssClass="failureNotification"></asp:RequiredFieldValidator>
    <br />
    <h3>
        Urls</h3>
    <p>
        Found some helpful websites? Share them here (separated by commas). Don't forget the http://</p>
    <asp:TextBox ID="tb_url" runat="server" Width="500px"></asp:TextBox>
    <br />
    <br />
    <asp:Button ID="btn_addCake" runat="server" Text="Add my cake" Width="120px" />
</asp:Content>
